/**
 * Stylesheet dedicated to the application footer skinning. Skinning defines the look and feel 
 * properties like colors, border colors, background images. This idea is the one used 
 * by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */
 
/* Main styles */
footer{
	background: #45484d;
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
	background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
	background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000) );
	background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
	border-top: 2px solid #1d1d1d;
}

/* Page footer content */
footer>.footerContent {
	color: white;
	font-variant: small-caps;
	font-weight: bold;
}

/* Single footer category header */
footer>.footerContent .footerContentCategories .footerContentCategory>.footerContentCategoryHeader {
	font-size: 16px;
}

/* Item of a single footer category except the header one */
footer>.footerContent .footerContentCategories .footerContentCategory div:not(.footerContentCategoryHeader){
	cursor: pointer;
	font-size: 14px;
	font-variant: normal;
	font-weight: normal;
}

footer>.footerContent .footerContentCategories .footerContentCategory div:not(.footerContentCategoryHeader):hover{
	text-decoration: underline;
}

/* Description text of the footer */
footer>.footerContent .footerDescriptionLine>div:first-child{
	background: no-repeat url('../icons/footer/logo.png') center left;
	font-variant: normal;
	font-weight: normal;
}